import { Question } from "../interface";

const questions: Question[] = [
    {
        question: "下列哪种图表最适合展示随时间变化的趋势？",
        radios: [
            "饼图（Pie Chart）",
            "折线图（Line Chart）",
            "散点图（Scatter Plot）",
            "热力图（Heatmap）"
        ],
        desc: "折线图能清晰展示数据在连续时间维度上的变化趋势"
    },
    {
        question: "关于ECharts的性能优化，错误的是：",
        radios: [
            "启用large模式处理百万级数据",
            "使用WebGL渲染器替代Canvas",
            "关闭动画效果提升渲染速度",
            "数据降采样会影响可视化精度"
        ],
        desc: "合理的数据降采样（downsampling）可以保持趋势特征同时提升性能"
    },
    {
        question: "下列哪些技术适合处理实时数据流可视化？",
        radios: [
            "WebSocket",
            "Server-Sent Events",
            "Apache Kafka",
            "setInterval轮询"
        ],
        muti: true,
        desc: "所有选项都可以实现实时数据流传输"
    },
    {
        question: "实现地理数据可视化的最佳方案是：",
        radios: [
            "D3.js + TopoJSON",
            "ECharts GL",
            "Mapbox GL JS",
            "Three.js地理坐标系"
        ],
        muti: true,
        desc: "所有选项都是成熟的地理可视化方案，适用于不同场景"
    },
    {
        question: "关于数据降采样（Downsampling），正确的是：",
        radios: [
            "LTTB算法保留关键拐点",
            "平均值采样适合平滑曲线",
            "随机采样会破坏数据分布",
            "最大最小值采样保持数据范围"
        ],
        muti: true,
        desc: "合理选择的降采样算法不会破坏数据特征"
    },
    {
        question: "下列哪种可视化方式能同时展示分布和相关性？",
        radios: [
            "箱线图（Box Plot）",
            "散点图矩阵（SPLOM）",
            "平行坐标图（Parallel Coordinates）",
            "桑基图（Sankey Diagram）"
        ],
        desc: "散点图矩阵可展示多变量间的两两相关性及单变量分布"
    },
    {
        question: "关于WebGL可视化，错误的是：",
        radios: [
            "适合渲染大规模三维数据",
            "GPU加速提升性能",
            "需要处理内存泄漏风险",
            "不支持2D图形渲染"
        ],
        desc: "WebGL完全可以渲染2D图形（通过正交相机）"
    },
    {
        question: "下列哪些是AntV G6的核心概念？",
        radios: [
            "节点（Node）与边（Edge）",
            "布局（Layout）算法",
            "数据驱动（Data-Driven）",
            "视觉编码（Visual Encoding）"
        ],
        muti: true,
        desc: "所有选项都是图可视化引擎G6的核心设计理念"
    },
    {
        question: "实现动态数据更新的最佳实践是：",
        radios: [
            "全量重新渲染",
            "虚拟DOM差异更新",
            "数据变更检测（Data Diff）",
            "WebWorker预处理"
        ],
        muti: true,
        desc: "全量重新渲染在数据量大时性能最差，其他都是优化手段"
    },
    {
        question: "下列哪个库最适合金融K线图开发？",
        radios: [
            "Lightweight Charts",
            "TradingView",
            "ECharts",
            "Chart.js"
        ],
        muti: true,
        desc: "所有选项都支持K线图，前两个是专业金融图表库"
    },
    {
        question: "关于颜色映射（Color Scale），正确的是：",
        radios: [
            "分类数据适合定性色板",
            "连续数据适合渐变色谱",
            "应考虑色盲友好配色",
            "HSV比RGB更符合直觉"
        ],
        muti: true,
        desc: "所有选项都是颜色映射的正确实践"
    },
    {
        question: "下列哪种图表适合展示层级关系？",
        radios: [
            "旭日图（Sunburst）",
            "圆形打包图（Circle Packing）",
            "树图（Treemap）",
            "雷达图（Radar Chart）"
        ],
        muti: true,
        desc: "雷达图用于多维数据对比，不展示层级关系"
    },
    {
        question: "关于大数据可视化的交互设计，错误的是：",
        radios: [
            "缩放和平移是基本操作",
            "细节下钻（Drill-down）需预聚合数据",
            "动画效果应尽可能丰富",
            "跨视图联动需维护状态"
        ],
        desc: "过多的动画会影响性能，应根据场景适度使用"
    },
    {
        question: "下列哪些技术可以提升渲染性能？",
        radios: [
            "离屏Canvas",
            "WebWorker数据预处理",
            "分片渲染（Chunked Rendering）",
            "GPU加速计算"
        ],
        muti: true,
        desc: "所有选项都是有效的性能优化手段"
    },
    {
        question: "关于D3.js的设计理念，正确的是：",
        radios: [
            "数据驱动DOM操作",
            "底层可视化组件库",
            "内置丰富的图表模板",
            "依赖SVG渲染"
        ],
        desc: "D3是底层工具库，不提供现成图表模板，也不限定渲染方式"
    },
    {
        question: "实现仪表盘（Dashboard）的关键技术包括：",
        radios: [
            "响应式布局",
            "自动缩放策略",
            "跨图表通信",
            "实时数据管道"
        ],
        muti: true,
        desc: "所有选项都是仪表盘系统的核心需求"
    },
    {
        question: "下列哪种图表适合展示网络关系？",
        radios: [
            "力导向图（Force-Directed Graph）",
            "矩阵图（Adjacency Matrix）",
            "和弦图（Chord Diagram）",
            "柱状图（Bar Chart）"
        ],
        muti: true,
        desc: "柱状图不适用于展示关系型数据"
    },
    {
        question: "关于WebAssembly在可视化的应用，错误的是：",
        radios: [
            "适合复杂算法计算",
            "内存管理比JavaScript更高效",
            "可以直接操作DOM",
            "完全替代JavaScript"
        ],
        desc: "WebAssembly不能直接操作DOM，需与JavaScript配合使用"
    },
    {
        question: "下列哪些是可视化中的常见误导手法？",
        radios: [
            "截断Y轴",
            "不恰当的基准线",
            "过度简化维度",
            "正确的数据映射"
        ],
        muti: true,
        desc: "正确的数据映射是可视化基本原则，不属于误导手法"
    },
    {
        question: "关于可视化数据分析（Visual Analytics），正确的是：",
        radios: [
            "结合自动分析与交互探索",
            "依赖机器学习模型",
            "支持多视图协同",
            "需要领域知识指导"
        ],
        muti: true,
        desc: "所有选项都是可视化分析系统的关键特征"
    }
];

export default questions;